{% load util %}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{% block title %}Poly Speed Dating{% endblock %}</title>
    <style type="text/css">
      <!--
          body {
	  margin: 0;
	  padding: 0;
          }

          .oneColElsCtrHdr #container {
	  width: 75em;  
	  background: #fcefde;
	  margin: 0 auto; 
	  border: 1px solid #000000;
	  text-align: left; 
          }
          .oneColElsCtrHdr #header {
	  background: #fcefde;
	  padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
          } 
          .oneColElsCtrHdr #header h1 {
	  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	  padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
          }
          .oneColElsCtrHdr #mainContent {
	  padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	  background: #fcefde;
          }
          .oneColElsCtrHdr #footer { 
	  padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	  background: #fcefde;
          } 
          .oneColElsCtrHdr #footer p {
	  margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	  padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
          }
        -->
    </style>
    <link rel="icon" type="image/vnd.microsoft.icon" href="/sydney/favicon.ico"/>
    <link href="/menu3/styles.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
	body {
		color: black; /* ordinary text: black */
		background: #471449;
		background-image:url('/sydney/purpl100.jpg'); /* http://www.grsites.com */
		font-family: arial, helvetica, sans-serif;
	}
	h1, h2, h3, h4, h5, h6, dt {
  		font-family: 'Gill Sands Ultra Bold', 'Jockey One', serif;
		font-size: 120%;
		color: #9156a6; /* headings: flag purple */
	}
	h1.pageheading {
		color: #581b5c; /* background purple variant */
		font-size: 160%;
	}

	.pagesubheading {
  		font-family: 'Gill Sands Ultra Bold', 'Jockey One', serif;
		color: #404040;
		font-size: 130%;
	}

	.floatleft {
		float: left;
	}

	.paddedleft {
		padding-left: 15px;
	}

	.threecolumns {
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Safari and Chrome */
		column-count:3;
	}

	#tabs {
		padding-bottom: 1em;
	}

	#mainContent {
		clear: both;
	}

    </style>
    <link href='http://fonts.googleapis.com/css?family=Jockey+One' rel='stylesheet' type='text/css'>
    <style type="text/css">
      <!--
          .style3 {color: #CC0000}
          .style4 {
	  font-size: 10px;
	  color: #333333;
          }
          a:link {
	  color: #CC0000;
          }
          a:visited {
	  color: #660000;
          }
          a:hover {
	  color: #FF0000;
          }
          body,td,th {
	  font-size: 12px;
          }
        -->
    </style>

  </head>

  <body class="oneColElsCtrHdr">

    <div id="container">
      <div id="header">

        <div align="left">

		<img class="floatleft" src="/sydney/sydney-poly-logo-128x72.png"
				width="128" height="72" alt="">
		<div class="floatleft paddedleft">
			<h1 class="pageheading">Sydney Poly Speed
					Dating</h1>
			<div class="pagesubheading">Mardi Gras 2012</div>
		</div>
		<div class="clear"></div>

      </div>
      <div id="tabs">
        <ul>
          <li><a href="http://polyamory.org.au/speeddating"><span>Home</span></a></li>
          <li><a href="http://polyamory.org.au"><span>Polyamory Australia</span></a></li>
          <li><a href="http://polyamory.org.au/nsw"><span>Polyamory in NSW</span></a></li>
          <li><a href="/faq.html"><span>PSD FAQ</span></a></li>
          <li><a href="http://polyamory.org.au/node/14"><span>Mailing List</span></a></li>
          <li><a href="mailto:{{ event.info_email|default:"sydneypsd@polyspeeddating.com" }}"><span>Contact</span></a></li>
          <li><a href="{% url django.contrib.auth.views.login %}"><span>Log In</span></a></li>
        </ul>
      </div>

      <div id="mainContent">
        <p>&nbsp;</p>

        {% block header %}
        <h1 align="center">&nbsp;</h1>
        <h2 align="center">&nbsp;</h2>
        {% endblock %}

      </td>
      <td>

        {% block content %}
        <h1 align="center">Unknown Page</h1>

        You've navigated your way to a page that shouldn't be displayed yet. Secret!
        Email us at {{ event.info_email|default:"sydneypsd@polyspeeddating.com" }} with the URL where you saw this and we'll
        buy you a drink at the next event.

        {% endblock %}

        {% block footer %}

        <p align="center">

          {% if not user.is_anonymous %}

          You are logged in as {{ user.username }} &bull;
          <a href="{% url django.contrib.auth.views.logout %}">logout</a> &bull;
          <a href="{% url register.views.users.show_me_all %}">view registration</a> &bull;
          <a href="{% url django.contrib.auth.views.password_change%}">change password</a>
          {% endif %}
        </p>

        {% endblock %}

      </td>
    </div>
    <div id="footer"></div>
    <!-- end #container --></div>
</body>
</html>
